<!DOCTYPE html>
<html class=" js no-touch backgroundsize cssanimations csstransforms svg inlinesvg">
<!-- Added by HTTrack -->

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=EDGE">
  <meta content="width=device-width,initial-scale=1, user-scalable=no" name="viewport">
  <title>OPPO手机</title>
  <link media="all" type="text/css" rel="stylesheet" href="css/styles.css">
</head>

<body>
  <header class="main-header absolute">
    <div class="upper-area">
      <div class="wrapper g">
        <ul class="gi menu-sec">
          <li class="gi">
            <a href="javascript:;">社区</a>
          </li>
          <li class="gi">
            <a href="javascript:;">ColorOS</a>
          </li>
          <li class="gi">
            <a href="javascript:;">软件商店</a>
          </li>
          <li class="gi">
            <a href="javascript:;">手机助手</a>
          </li>
          <li class="gi">
            <a href="javascript:;">云服务</a>
          </li>
        </ul>
        <div class="search gi">
          <a class="js-toggle-close" href="javascript:;">
            <span class="icon icon-search"></span>
          </a>
          <div class="search-form js-content">
            <div class="wrapper">
              <form action="javascript:;" class="main-form">
                <div class="input-button-item"><input placeholder="搜索OPPO商品" type="text" name="q">
                  <button class="button button-primary" type="submit">搜索</button>
                </div>
              </form>
            </div>
          </div>
        </div>
        <ul class="gi log-area">
          <li class="gi hasLogout show">
            <a href="javascript:;">登录</a>
          </li>
          <li class="gi hasLogout show">
            <a href="javascript:;">注册</a>
          </li>
          <li class="gi" id="old-version-link">
          </li>
        </ul>
        <ul class="gi menu-lang">
          <li class="gi gi-language">
            <a class="lang-link js-toggle-close" href="javascript:;">Global</a>
          </li>
        </ul>
      </div>
    </div>
    <div class="bottom-area">
      <div class="wrapper">
        <a class="js-open-menu" href="javascript:;">
          <i class="js-open-menu-bar"></i>
        </a>
        <div class="logo logo-extend">
          <a href="javascript:;">
            <img src="imgs/oppo_logo.png">
          </a>
        </div>
        <a href="javascript:;">
        </a>
        <a class="js-open-user" href="javascript:;">
          <img src="imgs/icon-menu-user.png">
        </a>
        <div class="main-menu">
          <div class="search"></div>
          <nav>
            <div class="nav-ul-view">
              <ul class="menu g">
                <li class="gi is-active">
                  <a class="m-item" href="javascript:;">
                    <span>首页</span>
                  </a>
                </li>
                <li class="gi">
                  <a class="m-item" href="javascript:;">
                    <span>产品</span>
                  </a>
                </li>
                <li class="gi">
                  <a class="m-item" href="javascript:;">
                    <span>品牌</span>
                  </a>
                </li>
                <li class="gi">
                  <a class="m-item" href="javascript:;">
                    <span>在线商城</span>
                    <span class="js-toggle-submenu toggle"></span>
                  </a>
                </li>
                <li class="gi">
                  <a class="m-item" href="javascript:;">
                    <span>体验店</span>
                  </a>
                </li>
                <li class="gi">
                  <a class="m-item" href="javascript:;">
                    <span>服务</span>
                  </a>
                </li>
              </ul>
            </div>
          </nav>
        </div>
      </div>
    </div>
  </header>

  <main class="main-content">
    <section class="full-carousel slick-dot-circle slick-initialized slick-slider">
      <div class="slick-list draggable" tabindex="0" style="height: 525px;">
        <div class="slick-track" style="opacity: 1; width: 8538px;">
          <div class="hero slick-slide slick-active" index="1" style="width: 1423px;">
            <div class="hero-image center">
              <a href="http://hd.oppo.com/act/2016/a59/index.html">
                <picture>
                  <img src="imgs/20160608100603ZEaIiNCILnIfx030.jpg">
                </picture>
              </a>
            </div>
          </div>
        </div>
      </div>
      <span class="icon icon-prev" style="display: block;">prev</span><span class="icon icon-next" style="display: block;">next</span>
      <ul class="slick-dots" style="display: block;">
        <li class=""><button type="button">1</button></li>
        <li class="slick-active"><button type="button">2</button></li>
        <li><button type="button">3</button></li>
        <li><button type="button">4</button></li>
      </ul>
    </section>
    <section class="brick">
      <div class="wrapper">
        <div class="g g-wrapper-l">
          <div class="gi lap-one-half">
            <div class="feature-product">
              <a href="javascript:;">
                <img alt="OPPO R9" class="feature-product-image" src="imgs/201603170303060rkCBraj8kRGtwBw.jpg">
                <div class="feature-product-content">
                  <h2 class="feature-product-heading"></h2>
                  <p class="feature-product-description">
                    <strong></strong>
                  </p>
                </div>
              </a>
            </div>
          </div>
          <div class="gi lap-one-half">
            <div class="feature-product">
              <a href="javascript:;">
                <img alt="OPPO R9 Plus" class="feature-product-image" src="imgs/20160317030310wjDr1KMnikueo3pB.jpg">
                <div class="feature-product-content">
                  <h2 class="feature-product-heading"></h2>
                  <p class="feature-product-description">
                    <strong></strong>
                  </p>
                </div>
              </a>
            </div>
          </div>
        </div>
      </div>
    </section>
    <aside class="brick-m related-content">
      <div class="wrapper">
        <div class="g g-wrapper-l">
          <section class="gi one-whole lap-one-third">
            <h2 class="h-delta">
              <srtrong class="highlight">探秘OPPO</srtrong>
            </h2>
            <h3 class="h-epsilon"><a href="javascript:;">了解OPPO品牌故事</a></h3>
            <div class="video home-media-image">
              <a href="javascript:;"><img src="imgs/exploration.jpg" class="video-bg"></a>
            </div>
          </section>
          <section class="gi one-whole lap-one-third">
            <h2 class="h-delta">
              <srtrong class="highlight">OPPO最新新闻</srtrong>
            </h2>
            <h3 class="h-epsilon"><a href="javascript:;">了解OPPO最新市场动态</a></h3>
            <article class="news">
              <a href="javascript:;"><img class="news-photo" src="imgs/20160615030623eEoWJXvURkdVPzQs.jpg"></a>
              <div class="news-text">
                <p><a href="javascript:;">惊艳产品引燃市场 OPPO R9系列每1.1秒销售一部</a></p>
              </div>
            </article>
            <article class="news">
              <a href="javascript:;"><img class="news-photo" src="imgs/20160531100548axCY2oGStUcgyxzD.jpg"></a>
              <div class="news-text">
                <p><a href="javascript:;">你的双手是孩子温暖的依靠  OPPO六一行动</a></p>
              </div>
            </article>
            <article class="news">
              <a href="javascript:;"><img class="news-photo" src="imgs/20160518050533Qkaw6PuXlxIrvruN.jpg"></a>
              <div class="news-text">
                <p><a href="javascript:;">OPPO手机拍大片 微笑的你原来这么美</a></p>
              </div>
            </article>
          </section>
          <section class="gi one-whole lap-one-third home-media-weibo" id="home-media-weibo">
            <img src="imgs/wb_pic.png">
          </section>
        </div>
      </div>
    </aside>
    <section class="brick-m slab-light">
      <div class="list-access-icon">
        <div class="wrapper g">
          <div class="access-icon gi lap-one-quarter one-half">
            <a href="javascript:;">
              <img alt="OPPO会员" src="imgs/20150424100432DUzqqHBZFJg0niWe.jpg">
              <div class="content">
                <h3 class="heading">会员好礼</h3>
                <div class="badge-icon xl">
                  <span class="icon icon-letter"></span>
                </div>
              </div>
            </a>
          </div>
          <div class="access-icon gi lap-one-quarter one-half">
            <a href="javascript:;">
              <img alt="OPPO帮助中心" src="imgs/20160331110347afJ6qtaHbzwKtUAj.jpg">

              <div class="content">
                <h3 class="heading">需要帮助？</h3>

                <div class="badge-icon xl">
                  <span class="icon icon-headsets"></span>
                </div>
              </div>
            </a>
          </div>
          <div class="access-icon gi lap-one-quarter one-half">
            <a href="javascript:;">
              <img alt="OPPO体验店" src="imgs/20150424100444ruMPRGfyZKZiSxE7.jpg">

              <div class="content">
                <h3 class="heading">附近的体验店</h3>

                <div class="badge-icon xl">
                  <span class="icon icon-kiosk"></span>
                </div>
              </div>
            </a>
          </div>
          <div class="access-icon gi lap-one-quarter one-half">
            <a href="javascript:;">
              <img alt="OPPO品牌" src="imgs/20150424100426Gyn8aFG8UuFLsUzr.jpg">

              <div class="content">
                <h3 class="heading">OPPO品牌</h3>

                <div class="badge-icon xl">
                  <span class="icon icon-radio"></span>
                </div>
              </div>
            </a>
          </div>
        </div>
      </div>
    </section>
  </main>
  <footer class="main-footer">
    <div class="footer-prominent-area">
      <div class="wrapper g">
        <div class="gi lap-one-third">
          <a class="footer-prominent-button primary " href="javascript:;">
            <span class="img"><img alt="OPPO社区" src="imgs/201502270202233FZ8VzjUJgb2YsLn.png"></span>
            <span class="text">OPPO社区</span>
          </a>
        </div>
        <div class="gi lap-one-third">
          <a class="footer-prominent-button secondary " href="javascript:;">
            <span class="img"><img alt="OPPO ColorOS" src="imgs/20150227020237clUXgMcj3UhukiC0.png"></span>
            <span class="text">ColorOS</span>
          </a>
        </div>
        <div class="gi lap-one-third">
          <a class="footer-prominent-button primary " href="javascript:;">
            <span class="img"><img alt="OPPO软件商店" src="imgs/20150314030306RfYFRTucS1nB3wtQ.png"></span>
            <span class="text">软件商店</span>
          </a>
        </div>
      </div>
    </div>
    <div class="footer-sitemap">
      <nav class="wrapper">
        <ul class="g">
          <li class="gi lap-one-fifth">
            <a class="m-item" href="javascript:;">推荐机型</a>
            <span class="toggle js-toggle-sitemap"></span>
            <ul>
              <li>
                <a href="javascript:;">R9</a>
              </li>
              <li>
                <a href="javascript:;">R7s</a>
              </li>
              <li>
                <a href="javascript:;">R7 Plus</a>
              </li>
              <li>
                <a href="javascript:;">R7</a>
              </li>
            </ul>
          </li>
          <li class="gi lap-one-fifth">
            <a class="m-item" href="javascript:;">在线购买</a>
            <span class="toggle js-toggle-sitemap"></span>
            <ul>
              <li>
                <a href="javascript:;">手机</a>
              </li>
              <li>
                <a href="javascript:;">配件</a>
              </li>
              <li>
                <a href="javascript:;">购物指南</a>
              </li>
              <li>
                <a href="javascript:;">积分商城</a>
              </li>
              <li>
                <a href="javascript:;">官方授权网店</a>
              </li>
            </ul>
          </li>
          <li class="gi lap-one-fifth">
            <a class="m-item" href="javascript:;">服务</a>
            <span class="toggle js-toggle-sitemap"></span>
            <ul>
              <li>
                <a href="javascript:;">购买帮助</a>
              </li>
              <li>
                <a href="javascript:;">物流查询</a>
              </li>
              <li>
                <a href="javascript:;">常见问题</a>
              </li>
              <li>
                <a href="javascript:;">服务政策</a>
              </li>
              <li>
                <a href="javascript:;">服务网点查询</a>
              </li>
            </ul>
          </li>
          <li class="gi lap-one-fifth">
            <a class="m-item" href="javascript:;">会员相关</a>
            <span class="toggle js-toggle-sitemap"></span>
            <ul>
              <li>
                <a href="javascript:;">会员登录</a>
              </li>
              <li>
                <a href="javascript:;">会员注册</a>
              </li>
              <li>
                <a href="javascript:;">积分兑换</a>
              </li>
            </ul>
          </li>
          <li class="gi lap-one-fifth">
            <a class="m-item" href="javascript:;">OPPO品牌</a>
            <span class="toggle js-toggle-sitemap"></span>
            <ul>
              <li>
                <a href="javascript:;">关于OPPO</a>
              </li>
              <li>
                <a href="javascript:;">资讯</a>
              </li>
              <li>
                <a href="javascript:;">摄影作品</a>
              </li>
              <li>
                <a href="javascript:;">我们的视频</a>
              </li>
            </ul>
          </li>
        </ul>
      </nav>
    </div>
    <div class="footer-tools">
      <div class="wrapper">
        <div class="footer-social lap-one-half desk-lap-one-third">
          <p>
            <span class="text">关注我们</span>
            <a href="javascript:;">
              <span class="icon icon-weibo"></span>
            </a>
            <a href="javascript:;" id="footer-wx" class="relative">
              <span class="icon icon-wechat"></span>
              <img src="imgs/wx.png" class="wx-float">
            </a>
            <a href="javascript:;" class="text text-link">加入我们</a>
            <a href="javascript:;" class="text text-link">采购相关</a>
          </p>
        </div>
        <div class="footer-subscribe lap-one-half desk-lap-one-third align-right">
          <div class="g one-whole desk-one-half lap-one-half about-contact pull-left">
            <a id="btn-kf" href="javascript:;">
              <div class="about-contact-icon">
                <span class="icon icon-chat"></span>
              </div>
              <div class="about-contact-info">
                <h4 class="h-delta">
                  <span class="highlight">在线客服</span>
                  <span class="icon icon-arrow"></span>
                </h4>
                <p>人工服务：8:30~22:00</p>
                <p>24小时智能机器人服务</p>
              </div>
            </a>
          </div>
          <div class="g one-whole desk-one-half lap-one-half about-contact pull-left second-about-contact">
            <div class="about-contact-icon">
              <span class="icon icon-tel"></span>
            </div>
            <div class="about-contact-info">
              <h4 class="h-delta">
                <span class="highlight">4001-666-888</span>
              </h4>
              <p style="">7*24小时客服电话</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="footer-info">
      <div class="wrapper">
        <p class="copy">© 2005 - 2016 东莞市永盛通信科技有限公司 版权所有 粤ICP备08130115号-1 联系方式：4001-666-888</p>
      </div>
    </div>
  </footer>

  <div class="navi-scroll" style="display: none;">
    <div class="navi-scroll-content">
      <a href="javascript:;" class="scroll-top-btn"><span>回到顶部</span><i></i></a>
      <a href="javascript:;" class="survey-btn survey-btn-normal"><span>意见反馈</span><i></i></a>
      <a href="javascript:;" class="survey-btn survey-btn-mobile"><span>意见反馈m</span><i></i></a>
    </div>
  </div>
  <div class="js-sensor"></div>


</body>

</html>